import React from 'react';
import { ActivityIndicator, FlatList, Image, ScrollView, Text, TouchableOpacity, View } from 'react-native';
import DateTimePicker from "react-native-modal-datetime-picker";
interface ClassRecord {
	teacher_name: string;
	subject_name: string;
	class_name: string;
	grade: string;
	class_id: string;
	grade_no: string;
	section: string;
	dates: string;
	date: number;
}
interface Imag {
	url_img: {};
}
export default function tpl(a: (action: string, ...args: unknown[]) => ((...args: unknown[]) => void), s: (...class_names: string[]) => {}, d: (d: string) => string | unknown[] | ClassRecord[] | Imag | boolean) {
	const arr = d('d') as ClassRecord[];
	const arr_img = d('img') as Imag;
	const teacher = d('teacher') as string;
	const time = d('time') as string;
	const ishow = d('isDateTimePickerVisible') as boolean;
	console.log(arr);
	if (arr !== undefined) {
		return (
			<View >
				<ScrollView>
					<View>
						<View style={s('topimg')}>
							{(() => {
								if (arr_img.url_img !== '') {
									return (<Image source={arr_img.url_img} style={s('img1')} />);
								} else {
									return (<Image source={require('../../imgs/nan.jpg')} style={{ width: 50, height: 50, borderRadius: 50 }} />);
								}
							})()}

						</View>
						<Text style={s('toptext')}>{teacher}</Text>
					</View>
					<View style={s('time')}>
						<View style={s('riqi')}>
							<Text style={s('text1')}>{time}</Text>
							<DateTimePicker
								isVisible={ishow}
								onConfirm={a('a005')}
								onCancel={a('a004')}
							/>
							<TouchableOpacity onPress={a('a002')}>
								<Image source={require('../../imgs/rili.png')} style={s('icon')} />
							</TouchableOpacity>
						</View>
					</View>
					<FlatList refreshing={true} data={arr} renderItem={(item) => {
						return (
							<View>
								<View>
									<View style={s('ht1')}>
										<View>
											<View style={s('row1')}>
												<Text style={s('text2')}>第{item.item.section}节：</Text>
												<Text style={s('text2')}>{item.item.subject_name}</Text>
											</View>
											<View style={s('row1')}>
												<Text style={s('text2')}>{item.item.grade}：</Text>
												<Text style={s('text2')}>{item.item.class_name}</Text>
											</View>
										</View>
										<TouchableOpacity onPress={a('a003', item)}>
											<Image source={require('../../imgs/you.png')} style={s('icon')} />
										</TouchableOpacity>
									</View>
								</View>
							</View>
						);
					}} />
					{arr.length === 0 &&
						<View style={s('page')}>
							<Image source={require('../../imgs/wushuju.png')} style={{ width: 80, height: 80 }} />
							<Text style={{ fontSize: 20 }}>没有符合当前筛选条件的数据</Text>
						</View>
					}

				</ScrollView>

			</View>
		);
	} else {
		return (
			<View style={s('footer1')}>
				<ActivityIndicator
					animating={true}
					color='blue'
					size="large"
				/>
			</View>
		);
	}

	// else {
	// 	return (
	// 		<View>
	// 			<View>
	// 				<View style={s('topimg')}>
	// 					<Image source={require('../../imgs/shouye.png')} style={s('img1')} />
	// 				</View>
	// 				<Text style={s('toptext')}>李老师</Text>
	// 			</View>
	// 			<View style={s('time')}>
	// 				<View style={s('riqi')}>
	// 					{/* <Text style={s('text1')}>2019-1-1</Text> */}
	// 					<DatePicker
	// 						defaultDate={new Date()}
	// 						// minimumDate={new Date(2018, 1, 1)}
	// 						// maximumDate={new Date(2018, 12, 31)}
	// 						locale={"en"}
	// 						// timeZoneOffsetInMinutes={undefined}
	// 						modalTransparent={false}
	// 						animationType={"fade"}
	// 						androidMode={"default"}
	// 						placeHolderText='请选择时间'
	// 						textStyle={{ color: "green" }}
	// 						placeHolderTextStyle={{ color: "#d3d3d3" }}
	// 						disabled={false}
	// 						onDateChange={a(('a002'))}
	// 					/>
	// 					<Image source={require('../../imgs/rili.png')} style={s('icon')} />
	// 				</View>
	// 			</View>
	// 			<Text style={{ color: '#999999', fontSize: 14, marginTop: 5, marginBottom: 5 }}>

	// 			</Text>
	// 		</View>
	// 	);
	// }
	// if (arr && arr.length !== 0) {
	// 	return (<View>
	// 		<DatePicker
	// 			defaultDate={new Date(2018, 4, 4)}
	// 			minimumDate={new Date(2018, 1, 1)}
	// 			maximumDate={new Date(2018, 12, 31)}
	// 			locale={"en"}
	// 			timeZoneOffsetInMinutes={undefined}
	// 			modalTransparent={false}
	// 			animationType={"fade"}
	// 			androidMode={"default"}
	// 			placeHolderText={require('../../imgs/rili.png')}
	// 			textStyle={{ color: "green" }}
	// 			placeHolderTextStyle={{ color: "#d3d3d3" }}
	// 			disabled={false}
	// 		/>
	// 		<ScrollView>
	// 			<View style={s('top')}>
	// 				<View style={s('topimg')}>
	// 					<Image source={require('../../imgs/shouye.png')} style={s('img1')} />
	// 				</View>
	// 				<Text style={s('toptext')}>李老师</Text>
	// 			</View>
	// 			<View style={s('time')}>
	// 				<View style={s('riqi')}>
	// 					<Text style={s('text1')}>2019-1-1</Text>
	// 					<Image source={require('../../imgs/rili.png')} style={s('icon')} />
	// 				</View>
	// 			</View>
	// 			<FlatList data={arr} renderItem={(item) => {
	// 				return (
	// 					<View>
	// 						<View>
	// 							<View style={s('ht1')}>
	// 								<View>
	// 									<View style={s('row1')}>
	// 										<Text style={s('text2')}>第三节：</Text>
	// 										<Text style={s('text2')}>英语课</Text>
	// 									</View>
	// 									<View style={s('row1')}>
	// 										<Text style={s('text2')}>一年级：</Text>
	// 										<Text style={s('text2')}>一班</Text>
	// 									</View>
	// 								</View>
	// 								<Image source={require('../../imgs/you.png')} style={s('icon')} />
	// 							</View>
	// 							<View style={s('ht1')}>
	// 								<View>
	// 									<View style={s('row1')}>
	// 										<Text style={s('text2')}>第三节：</Text>
	// 										<Text style={s('text2')}>英语课</Text>
	// 									</View>
	// 									<View style={s('row1')}>
	// 										<Text style={s('text2')}>一年级：</Text>
	// 										<Text style={s('text2')}>一班</Text>
	// 									</View>
	// 								</View>
	// 								<Image source={require('../../imgs/you.png')} style={s('icon')} />
	// 							</View>
	// 						</View>
	// 					</View>
	// 				);
	// 			}}
	// 			/>
	// 		</ScrollView>;

	// </View >
	// 	);
	// } else {
	// 	return (
	// 		<View>
	// 			<Text style={{ color: '#999999', fontSize: 14, marginTop: 5, marginBottom: 5 }}>
	// 				没有更多数据了
	// 			</Text>
	// 		</View>
	// 	);
	// }
}
